﻿@model CREAPA.Dominio.OS
@using CREAPA.UL.Web.HtmlHelpers

@{
    ViewBag.Title = "Cadastrar";
}
<script src="~/Scripts/js/original/InputMask.js"></script>
     <script src="~/Scripts/js/JavaScriptUtil.js"></script>

<script type="text/javascript">
    function setup() {
        new SizeLimit("Descricao", 1000, "DescricaoOut", "${size} / ${max}");
    }
</script>
<h2>Cadastrar OS</h2>


@using (Html.BeginForm("Cadastrar", "OS", FormMethod.Post,
          new { enctype = "multipart/form-data" }))
{
  @Html.AntiForgeryToken()
  <div class="login-msg">  @Html.ValidationSummary(true)</div>
<body onload="setup()">
    <fieldset>
        <legend>OS</legend>

        <p> <div class="editor-label">
            @Html.LabelFor(model => model.PessoaInteressado)
        </div>
        
        <div class="editor-field">
        <div class="login-msg">
            @Html.DropDownList("PessoaInteressado","")
            @Html.ValidationMessageFor(model => model.PessoaInteressado)</div>
        </div></p>
        
         <p><div class="editor-label">
            Setor de Destino:
        </div>
        
        <div class="editor-field">
        <div class="login-msg">
            @Html.DropDownList("Setor",  "Selecione")
            @Html.ValidationMessageFor(model => model.Setor)</div>
        </div></p>

        <p><div class="editor-label">
            Grupo de Problema:
        </div>

        @Html.DropDownListFor(
    x => x.GrupoProblema, 
    new SelectList(ViewBag.GrupoProblema, "Value", "Text"),
    "-- SELECIONE O GRUPO DO PROBLEMA --"
)</p>
        <p>
<div class="editor-label">
            Problema:
        </div>


<div class="editor-field">
        <div class="login-msg">
            @Html.DropDownListFor(
    model => model.Problema, 
    Enumerable.Empty<SelectListItem>(),
    "-- SELECIONE O PROBLEMA --") 
            @Html.ValidationMessageFor(model => model.Problema) </div>
        </div>

</p>    
       <p> <div class="editor-label">
            @Html.LabelFor(model => model.Descricao)
        </div>
        <div class="editor-field">            
            <div class="login-msg">
            @Html.TextAreaFor(model => model.Descricao)
            @Html.ValidationMessageFor(model => model.Descricao)</div>
            <div style="text-align:right;">
             <label id="DescricaoOut"></label>
        </div></p>

        <p> <div class="editor-label">
            Descrição do Documento Anexado (Não obrigatório):
        </div>
        
        <div  style="width: 500px;"> 
        <div class="editor-field">            
            <div class="login-msg">
            @Html.EditorFor(model => model.Anexo.Nome, new { style = "width: 50px;" })
            @Html.ValidationMessageFor(model => model.Anexo.Nome)            
            </div>
        </div><input type="file" name="FileUpload1"  /></div></p>  
        <p>
            <input type="submit" value="Cadastrar" class="button" />
             @Html.ActionLink("Voltar", "Index",null,new { @class = "button2" })
        </p>
    </fieldset>
</body>
}

<script>
    jQuery(document).ready(function () {
        // verifica se existe algum elemento com a class
        if ($(".button").length) {
            // adiciona evento desabilitando o botão
            $(".button").on('click', function () {
                $(this).attr({
                    disabled: true
                });
                // descobrindo o form pai e enviando
                this.value = 'Enviando...';
                $(this).parents('form:first').submit();
            });
        }
    });
</script>

<script type="text/javascript">
    $('#GrupoProblema').change(function () {
        var selectedGrupoProblema = $(this).val();
        if (selectedGrupoProblema != null && selectedGrupoProblema != '') {
            $.getJSON('@Url.Action("GetProblemas")', { grupo: selectedGrupoProblema }, function (problemas) {
                var problemasSelect = $('#Problema');
                problemasSelect.empty();
                $.each(problemas, function (index, problema) {
                    problemasSelect.append($('<option/>', {
                        value: problema.Value,
                        text: problema.Text
                    }));
                });
            });
        }
    });
</script>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
